
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan1"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-add"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-add</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-copy-file"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-msnui-copy-file</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon02"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-icon02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon19"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-icon19</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-colon"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-colon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-unie639"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-unie639</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuzimaohao"></i>
                    <div class="name">数字-冒号</div>
                    <div class="fontclass">.icon-shuzimaohao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohaofont"></i>
                    <div class="name">冒号font</div>
                    <div class="fontclass">.icon-maohaofont</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon50"></i>
                    <div class="name">数字冒号</div>
                    <div class="fontclass">.icon-icon50</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia"></i>
                    <div class="name">添加图标</div>
                    <div class="fontclass">.icon-jia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0136"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-iconset0136</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhicopy20"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhicopy20</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-5"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fengexian"></i>
                    <div class="name">分隔线</div>
                    <div class="fontclass">.icon-fengexian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daimakuai"></i>
                    <div class="name">代码_块</div>
                    <div class="fontclass">.icon-daimakuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu1"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-t2"></i>
                    <div class="name">文本</div>
                    <div class="fontclass">.icon-t2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan2"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-maohao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban1"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao1"></i>
                    <div class="name">数字的冒号</div>
                    <div class="fontclass">.icon-maohao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi1"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu2"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-adduser"></i>
                    <div class="name">add user</div>
                    <div class="fontclass">.icon-adduser</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima1"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu1"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie1"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie2"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cmaohao"></i>
                    <div class="name">c-冒号</div>
                    <div class="fontclass">.icon-cmaohao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan3"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima2"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daimakuai1"></i>
                    <div class="name">代码块</div>
                    <div class="fontclass">.icon-daimakuai1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima3"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bmaohao"></i>
                    <div class="name">b-冒号</div>
                    <div class="fontclass">.icon-bmaohao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bmaohao-copy"></i>
                    <div class="name">b-冒号</div>
                    <div class="fontclass">.icon-bmaohao-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao2"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-maohao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiayi"></i>
                    <div class="name">下移</div>
                    <div class="fontclass">.icon-xiayi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangyi"></i>
                    <div class="name">上移</div>
                    <div class="fontclass">.icon-shangyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao3"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-maohao3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plus-edit"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-plus-edit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenben"></i>
                    <div class="name">文本</div>
                    <div class="fontclass">.icon-wenben</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu3"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-delete"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-delete</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao4"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-maohao4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu4"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao5"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-maohao5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu2"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao1"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao2"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao3"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fengexian1"></i>
                    <div class="name">分隔线</div>
                    <div class="fontclass">.icon-fengexian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fengexian_icon"></i>
                    <div class="name">分隔线_icon</div>
                    <div class="fontclass">.icon-fengexian_icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zyj-m-space"></i>
                    <div class="name">分隔线</div>
                    <div class="fontclass">.icon-zyj-m-space</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu3"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu4"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao6"></i>
                    <div class="name">冒号</div>
                    <div class="fontclass">.icon-maohao6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohao-"></i>
                    <div class="name">冒号-01</div>
                    <div class="fontclass">.icon-maohao-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-miaoshucopy"></i>
                    <div class="name">详细描述</div>
                    <div class="fontclass">.icon-miaoshucopy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fengexian2"></i>
                    <div class="name">分隔线</div>
                    <div class="fontclass">.icon-fengexian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu5"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu6"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-export"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-export</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie3"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao4"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie4"></i>
                    <div class="name">基础-超链接</div>
                    <div class="fontclass">.icon-chaolianjie4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu7"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu8"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban2"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie5"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-PCchaolianjie"></i>
                    <div class="name">PC超链接</div>
                    <div class="fontclass">.icon-PCchaolianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao5"></i>
                    <div class="name">账号 (1)</div>
                    <div class="fontclass">.icon-zhanghao5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban3"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hengxian"></i>
                    <div class="name">横线</div>
                    <div class="fontclass">.icon-hengxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-charuchaolianjie"></i>
                    <div class="name">插入超链接</div>
                    <div class="fontclass">.icon-charuchaolianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu9"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie6"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-text"></i>
                    <div class="name">文本</div>
                    <div class="fontclass">.icon-text</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu5"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji3"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-add1"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-add1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenben1"></i>
                    <div class="name">文本</div>
                    <div class="fontclass">.icon-wenben1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu10"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu6"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu11"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-down-arrow"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-down-arrow</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima4"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima5"></i>
                    <div class="name">恶意代码</div>
                    <div class="fontclass">.icon-daima5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-code"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-code</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon021"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-icon021</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daimakuai2"></i>
                    <div class="name">代码块</div>
                    <div class="fontclass">.icon-daimakuai2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji1"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjia"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-source-code"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-source-code</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangchuanxiangshangjiantou"></i>
                    <div class="name">上传 向上 箭头</div>
                    <div class="fontclass">.icon-shangchuanxiangshangjiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao6"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu7"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-add2"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-add2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy"></i>
                    <div class="name">上箭头</div>
                    <div class="fontclass">.icon-jiantou-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chaolianjie7"></i>
                    <div class="name">超链接</div>
                    <div class="fontclass">.icon-chaolianjie7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan4"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangchuanxiangshangjiantou1"></i>
                    <div class="name">上传 向上 箭头</div>
                    <div class="fontclass">.icon-shangchuanxiangshangjiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi2"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenben2"></i>
                    <div class="name">文本</div>
                    <div class="fontclass">.icon-wenben2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hengxian-xu"></i>
                    <div class="name">横线-虚</div>
                    <div class="fontclass">.icon-hengxian-xu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima6"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fengexian3"></i>
                    <div class="name">分隔线</div>
                    <div class="fontclass">.icon-fengexian3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiajiahaowubiankuang"></i>
                    <div class="name">添加 加号 无边框</div>
                    <div class="fontclass">.icon-tianjiajiahaowubiankuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hengxian1"></i>
                    <div class="name">横线</div>
                    <div class="fontclass">.icon-hengxian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-xia"></i>
                    <div class="name">上箭头</div>
                    <div class="fontclass">.icon-jiantou-xia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jia1"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-jia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan5"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy1"></i>
                    <div class="name">上箭头</div>
                    <div class="fontclass">.icon-jiantou-copy1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianjifuben"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-bianjifuben</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji4"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuolan"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuolan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu8"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu12"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu12</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji5"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu9"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban4"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi3"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu13"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu13</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji6"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu10"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji7"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji8"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji9"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu14"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu14</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao7"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu15"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu15</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao8"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu16"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu16</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo1"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao9"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji2"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-maohaoxhdpi"></i>
                    <div class="name">冒号xhdpi</div>
                    <div class="fontclass">.icon-maohaoxhdpi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-svg-daimakuai"></i>
                    <div class="name">icon-svg-代码块</div>
                    <div class="fontclass">.icon-icon-svg-daimakuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-export1"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-export1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan6"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan7"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu17"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu17</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuan"></i>
                    <div class="name">账号管理</div>
                    <div class="fontclass">.icon-ziyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu11"></i>
                    <div class="name">删除</div>
                    <div class="fontclass">.icon-shanchu11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo2"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo3"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan8"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanghao10"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-zhanghao10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan9"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji10"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan10"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji11"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fengexian4"></i>
                    <div class="name">分隔线</div>
                    <div class="fontclass">.icon-fengexian4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo4"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo5"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test"></i>
                    <div class="name">详细信息</div>
                    <div class="fontclass">.icon-icon-test</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji12"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji12</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daima7"></i>
                    <div class="name">代码</div>
                    <div class="fontclass">.icon-daima7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban5"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan11"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxi"></i>
                    <div class="name">详细</div>
                    <div class="fontclass">.icon-xiangxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconzh1"></i>
                    <div class="name">账号</div>
                    <div class="fontclass">.icon-iconzh1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuzhi4"></i>
                    <div class="name">复制</div>
                    <div class="fontclass">.icon-fuzhi4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daochu18"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.icon-daochu18</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji13"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji13</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenben3"></i>
                    <div class="name">文本</div>
                    <div class="fontclass">.icon-wenben3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji14"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji14</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianji15"></i>
                    <div class="name">编辑</div>
                    <div class="fontclass">.icon-bianji15</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiajia"></i>
                    <div class="name">添加 加</div>
                    <div class="fontclass">.icon-tianjiajia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daimakuai3"></i>
                    <div class="name">代码块</div>
                    <div class="fontclass">.icon-daimakuai3</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
